<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/mail-list.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>
        * {
            font-family: "Open Sans", sans-serif;
        }

        body{
            /*background: #f3f3f3;*/
            background: #FFFFFF;
        }

        a {
            text-decoration: none;
        }

        .clear {
            clear: both;
        }



        .content-body {
            width: 1200px; margin: 0 auto;padding-top: 20px;
        }



    </style>
</head>
<body style="margin: 0;">
<select style="display: none;">
</select>
    <div>

        <div style="">
            <!-- 頭部文字 Start -->
            <div style="height: 50px; background-color: #19518C;">
                <div style="width: 1200px; margin: 0 auto; font-size: 14px; color: #fff; line-height: 50px;">
                    <div style="width: 500px; float: left; text-align: left;padding: 0 5px;">欢迎进入泾河新城公安信息网！</div>
                    <div style="width: 500px; float: right; text-align: right;">
                        <a href="#" style="color: #fff; text-decoration: none;">登陆</a>&nbsp;&nbsp;|
                        <a href="#" style="color: #fff; text-decoration: none;">加入收藏</a>&nbsp;&nbsp;|
                        <a href="#" style="color: #fff; text-decoration: none;">设为首页</a>
                    </div>
                </div>
            </div>
            <!-- 頭部文字 End   -->

            <!-- 頭部圖片 Start -->
            <div style="height: 350px;">
                <img src="imgs/bgImg1.jpg" style="width:100%; height: 100%; max-height: 100%;max-width: 100%;">
            </div>
            <!-- 頭部圖片 End -->

            <!--導航菜單 Start-->
            <div style="height: 80px; background-color: #19518C;">
                <div style="width: 1200px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 80px;">

                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 6px;">首页</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">走进泾河</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">通知公告</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局文件</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局新闻</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">公安简报</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">法制园地</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">纪检督察</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">刑侦工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">治安工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">交通工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警情研判</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警营文化</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">软件下载</a>
                </div>
            </div>
            <!--導航菜單 End-->
        </div>


        <!-- 正文Start -->
        <div class="content-body">

            <div class="mail-list-body">
                <div class="mail-class">
                    <div class="mail-class-list">
                            <div class="mail-class-header"><i class="fa fa-newspaper-o"></i>网上办事</div>
                            <ul>
                                <li>
                                    <a href="javascript:void(0);" data-is-sub="1">
                                        办事服务
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                    <ul class="mail-class-list-sub" style="">
                                        <li>
                                            <a href="javascript:void(0);" data-is-sub="1">
                                                政务要闻1
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);">
                                                政务要闻2
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);">
                                                政务要闻3
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="javascript:void(0);" data-is-sub="1">
                                        表格下载
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="mail-class-list-sub active">
                                        <li><a href="javascript:void(0);">媒体聚焦1</a></li>
                                        <li class="active"><a href="javascript:void(0);">媒体聚焦2</a></li>
                                        <li><a href="javascript:void(0);">媒体聚焦3</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="javascript:void(0);">
                                        局长信箱
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </li>

                                <li>
                                    <a href="javascript:void(0);">
                                        国际动态
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </li>
                            </ul>
                    </div>

                    
                    <div class="mail-read-new-list" style="padding-top: 20px;min-height: 350px;background-color: #f6f6f6;">
                        <div class="mail-read-new-header"><i class="fa fa-edit"></i>最新已审邮件</div>
                        <ul>
                            <li>
                                <a href="javascript:void(0);">
                                    1、邮件主题1
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0);">
                                    2、邮件主题1
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);">
                                    3、邮件主题1
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>


                <div style="" class="mail-info-list">
                    <div style="margin: 0 auto;text-align: left;height: 38px; line-height: 38px;padding-left: 20px;">
                        <span>当前位置：</span>
                        <span>首页</span>
                        <span class="content-body-nav-symbol">>></span>&nbsp;
                        <span>局长信箱</span>
                        <span class="content-body-nav-symbol">>></span>&nbsp;
                        <span>邮件列表</span>
                    </div>

                    <div class="hr"></div>
                    <div style="height: auto;margin-top: 15px;">
                        <div class="mail-notice">
                            <div class="mail-notice-close"><i class="fa fa-close"></i></div>
                            <p class="mail-notice-title">声明</p>
                            <p class="mail-notice-content">“局长信箱”栏目同志们与我局领导沟通交流的重要渠道，是我局分众互动工作的组成部分，您的来信我局将按照一定的程序处理，并在一定的时限内向您反馈处理结果。用户可凭查询编号及查询密码可在网上查询到相应的受理结果。</p>
                        </div>

                        <div class="clear"></div>

                        <div class="mail-search">

                            <div class="mail-search-header">
                                <i class="fa fa-search"></i>
                                <span style="padding-left: 8px;">信件查询</span>
                            </div>
                            <div class="mail-search-form">
                                <div class="mail-search-form-input">
                                    受理编号：<input type="text" style=""/>&nbsp;&nbsp;
                                    查询密码：<input type="text"/>&nbsp;&nbsp;
                                    <button type="button" value="查 询">查 询</button>
                                </div>
                                <div class="mail-search-form-send">
                                    <button type="button" value="我要写信">我要写信</button>
                                </div>
                            </div>
                        </div>
                        <div class="mail-items">

                            <ul>
                                <li>
                                    受理局长
                                </li>
                                <li>
                                    受理编号
                                </li>
                                <li style="width: 400px;">
                                    信件标题
                                </li>
                                <li>
                                    写信日期
                                </li>
                                <li>
                                    办理状态
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="王伟">
                                    王伟
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="井研县竹园镇“西南之鱼”网友反映问题的答复">
                                    井研县竹园镇“西南之鱼”网友反映问题的答复
                                </li>
                                <li>
                                    2018-06-29
                                </li>
                                <li>
                                    已在线答复
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="奇拉蚂蚁">
                                    奇拉蚂蚁
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="泸县“中国梦”网友反映问题的答复">
                                    泸县“中国梦”网友反映问题的答复
                                </li>
                                <li>
                                    2018-06-29
                                </li>
                                <li>
                                    已处理
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="西安市政府">
                                    西安市政府
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于西安市流动摊贩的管理问题">
                                    关于西安市流动摊贩的管理问题
                                </li>
                                <li>
                                    2021-09-20
                                </li>
                                <li>
                                    已处理
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="西安市公安局">
                                    西安市公安局
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="交警部门能否开通合规电动自行车网上自助上牌？">
                                    交警部门能否开通合规电动自行车网上自助上牌？
                                </li>
                                <li>
                                    2021-08-15
                                </li>
                                <li>
                                    已处理
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="省发展和改革委员会">
                                    省发展和改革委员会
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于陕西保障14省煤炭供电的问题">
                                    关于陕西保障14省煤炭供电的问题
                                </li>
                                <li>
                                    2021-10-12
                                </li>
                                <li>
                                    已处理
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="省发展和改革委员会">
                                    省发展和改革委员会
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="秦岭一般保护区产业禁止目录中的直观可视范围如何界定">
                                    秦岭一般保护区产业禁止目录中的直观可视范围如何界定
                                </li>
                                <li>
                                    2021-10-27
                                </li>
                                <li>
                                    已办结
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="西安市大数据局">
                                    西安市大数据局
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于人民网网友反映“已接种两针疫苗七个多月，健康码仍未显示”相关问题的回复">
                                    关于人民网网友反映“已接种两针疫苗七个多月，健康码仍未显示”相关问题的回复
                                </li>
                                <li>
                                    2021-11-09
                                </li>
                                <li>
                                    已在线答复
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="区医保局">
                                    区医保局
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于人民网网友反映“医保卡电子卡刷不成”相关问题的回复">
                                    关于人民网网友反映“医保卡电子卡刷不成”相关问题的回复
                                </li>
                                <li>
                                    2021-11-05
                                </li>
                                <li>
                                    已在线答复
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="西安市阎良区新华路街道">
                                    西安市阎良区新华路街道
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于人民网网友反映“剑桥暖气不热 还涨价 ”相关问题的回复">
                                    关于人民网网友反映“剑桥暖气不热 还涨价 ”相关问题的回复
                                </li>
                                <li>
                                    2021-11-05
                                </li>
                                <li>
                                    已在线答复
                                </li>
                            </ul>

                            <ul class="mail-content">
                                <li title="西安市阎良区凤凰路街道">
                                    西安市阎良区凤凰路街道
                                </li>
                                <li>
                                    QS8544521515
                                </li>
                                <li style="width: 400px;" title="关于人民网网友反映“路灯不亮，夜间出行安全隐患”相关问题的回复">
                                    关于人民网网友反映“路灯不亮，夜间出行安全隐患”相关问题的回复
                                </li>
                                <li>
                                    2021-10-22
                                </li>
                                <li>
                                    已在线答复
                                </li>
                            </ul>

                        </div>

                    </div>

                    <div style="display: block;margin: 10px 0;text-align: center;height: auto;overflow: hidden;font-size: 0;width: 100%;">

                            <!--定义说明：
                            pages：总页数
                            total：总条数
                            currPage：当前页
                            nextPage：下一页
                            endPage：最后一页
                            -->
                            <!--总页数大于3显示首页/上一页-->



                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/1.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">首页</a>
                            </li>
                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/5.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">上一页</a>
                            </li>


                            <!--上两页-->

                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/4.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">4</a>
                            </li>



                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/5.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">5</a>
                            </li>


                            <!--总页数为1时不显示当前页-->

                            <!--/end-->

                            <li class="active" style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;background: #1b51a8;color: #fff;">
                                <a style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;">6</a>
                            </li>

                            <!--下两页-->
                            <!--总页数小于10-->

                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/7.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">7</a>
                            </li>



                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/8.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">8</a>
                            </li>

                            <!--总页数大于10-->

                            <!--总页数大于9-->

                            <!--总页数大于3的时候显示下一页及跳转-->

                            <!--当前页<下一页-->

                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;">
                                <a href="/xwzx/mtjj/7.html" style="display: inline-block;height: 36px;margin: 0 -1px 0 0;padding: 0 15px;line-height: 36px;color: #333;font-size: 16px;vertical-align: middle;cursor: pointer;display: block;color: #1b51a8;">下一页</a>
                            </li>

                            <!--当前页等于下一页-->

                            <li style="border: 1px solid #e2e2e2;display: inline-block;height: 36px;margin: 0 -1px 0 0;line-height: 36px;color: #1b51a8;font-size: 16px;padding: 0px 5px;">
                                跳转到
                                <select onchange="location.href=this.options[this.selectedIndex].value;" style="height: 24px;margin: 0 8px;padding: 0 8px;line-height: 24px;color: #333;font-size: 16px;">
                                    <option value="/xwzx/mtjj/1.html">1</option>
                                    <option value="/xwzx/mtjj/2.html">2</option>
                                    <option value="/xwzx/mtjj/3.html">3</option>
                                    <option value="/xwzx/mtjj/4.html">4</option>
                                    <option value="/xwzx/mtjj/5.html">5</option>
                                    <option value="/xwzx/mtjj/6.html" selected="selected">6</option>
                                    <option value="/xwzx/mtjj/7.html">7</option>
                                    <option value="/xwzx/mtjj/8.html">8</option>
                                    <option value="/xwzx/mtjj/9.html">9</option>
                                    <option value="/xwzx/mtjj/10.html">10</option>
                                    <option value="/xwzx/mtjj/list/11.html">11</option>
                                    <option value="/xwzx/mtjj/list/12.html">12</option>
                                    <option value="/xwzx/mtjj/list/13.html">13</option>
                                    <option value="/xwzx/mtjj/list/14.html">14</option>
                                    <option value="/xwzx/mtjj/list/15.html">15</option>
                                    <option value="/xwzx/mtjj/list/16.html">16</option>
                                    <option value="/xwzx/mtjj/list/17.html">17</option>
                                    <option value="/xwzx/mtjj/list/18.html">18</option>
                                    <option value="/xwzx/mtjj/list/19.html">19</option>
                                    <option value="/xwzx/mtjj/list/20.html">20</option>
                                </select>页
                            </li>
                    </div>
                </div>



                <div class="clear"></div>
                <div></div>
            </div>

        </div>
        <!-- 正文 End -->


        <!-- 底部 Start -->
        <div class="footer">

            <div class="footer-context">

                <div class="foot_links">
                    <div style="width: 220px; font-size: 28px;font-weight: bold;float: left; padding-left: 20px;">
                        <span>友情链接</span>
                        <i class="fa fa-angle-right" style="padding-left: 15px;font-size: 24px;"></i>
                    </div>
                    <div class="foot_link_item foot_link_item_qg">
                        <span>全国站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">外交部</a></li>
                                <li><a href="#">国防部</a></li>
                                <li><a href="#">国家发展和改革委员会</a></li>
                                <li><a href="#">教育部</a></li>
                                <li><a href="#">科学技术部</a></li>
                                <li><a href="#">工业和信息化部</a></li>
                                <li><a href="#">国家民族事务委员会</a></li>
                                <li><a href="#">公安部</a></li>
                                <li><a href="#">民政部</a></li>
                                <li><a href="#">司法部</a></li>
                                <li><a href="#">财政部</a></li>
                                <li><a href="#">人力资源和社会保障部</a></li>
                                <li><a href="#">生态环境部</a></li>
                                <li><a href="#">交通运输部</a></li>
                                <li><a href="#">水利部</a></li>
                                <li><a href="#">农业农村部</a></li>
                                <li><a href="#">商务部</a></li>
                                <li><a href="#">文化和旅游部</a></li>
                                <li><a href="#">退役军人事务部</a></li>
                                <li><a href="#">应急管理部</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="foot_link_item foot_link_item_qs">
                        <span>全省站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">天津</a></li>
                                <li><a href="#">河北</a></li>
                                <li><a href="#">黑龙江</a></li>
                                <li><a href="#">辽宁</a></li>
                                <li><a href="#">吉林</a></li>
                                <li><a href="#">内蒙古</a></li>
                                <li><a href="#">山东</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">山西</a></li>
                                <li><a href="#">河南</a></li>
                                <li><a href="#">四川</a></li>
                                <li><a href="#">陕西</a></li>
                                <li><a href="#">宁夏</a></li>
                                <li><a href="#">甘肃</a></li>
                                <li><a href="#">青海</a></li>
                                <li><a href="#">西藏</a></li>
                                <li><a href="#">福建</a></li>
                                <li><a href="#">江苏</a></li>
                                <li><a href="#">广西</a></li>
                                <li><a href="#">贵州</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="foot_link_item foot_link_item_xx">
                        <span>西咸新区导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">沣东新城</a></li>
                                <li><a href="#">沣西新城</a></li>
                                <li><a href="#">泾河新城</a></li>
                                <li><a href="#">秦汉新城</a></li>
                                <li><a href="#">空港新城</a></li>
                            </ul>
                        </div>

                    </div>
                    <div class="foot_link_item foot_link_item_cy">
                        <span>常用站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">新华网</a></li>
                                <li><a href="#">人民网</a></li>
                                <li><a href="#">信用西安</a></li>
                                <li><a href="#">百度</a></li>
                                <li><a href="#">腾讯网</a></li>
                                <li><a href="#">网易</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

            <div class="foot-hr"></div>
            <div class="foot-msg">
                <p>地址：陕西省西咸新区泾河新城             电话：029-36390223             邮编：713700</p>
                <p>版权所有：泾河新城公安信息网     2019-2029</p>
            </div>
        </div>
        <!-- 底部 End -->

    </div>
    <script src="js/jquery.js"></script>
    <script src="js/mail-list.js"></script>
    <script src="js/footer.js"></script>
    <script>

        $(document).ready(function(){

        });



    </script>
</body>
</html>